
<style>
	#feedback table tr td:first-child {
		text-align:right;
		padding-right:10px;
	}
	#feedback input, #feedback textarea {
		width:500px;
	}
	#feedback textarea {
		height:200px;
	}
	#send {
		padding: 7px 6px 6px 7px;
		background: url(../images/bg-title.png);
		color: #81817f;
		font: bold 14px/16px Arial, Verdana, sans-serif;
	}
	.star {
		color:#a83534;
	}
	#err {
		display:none;
		text-align:center;
		color:#a83534;
		border:1px solid #a83534;
		padding:10px;
		margin:20px;
	}
</style>

<script>
var RecaptchaOptions = {
 	lang : 'ru',
    theme : 'white'
};
</script>

<table style='width:100%;'>
	<tr>
		<td style='width:100%;vertical-align:top;'>
			<div class='page-text'>
				{if $ok}
					<br>
					<br>
					Запрос был отправлен. Мы свяжемся с вами в ближайшее время.
				{else}
				
				{$pageText}
				<br>
				<div id='err'></div>
				<form id='feedback' method=post>
					<table>
						<tr>
							<td><span class='star'>*</span>ФИО:</td>
							<td>
								 <input type=text name=name class='mandatory' value="{$msgName|default:''}" />
							</td>
						</tr>
						<tr>
							<td>Организация:</td>
							<td>
								 <input type=text name=company value="{$msgCompany|default:''}" />
							</td>
						</tr>
						<tr>
							<td>E-mail (для ответа):</td>
							<td>
								 <input type=text name=email value="{$msgEmail|default:''}" />
							</td>
						</tr>
						<tr>
							<td>Телефон (для ответа):</td>
							<td>
								 <input type=text name=phone value="{$msgPhone|default:''}" />
							</td>
						</tr>
						<tr>
							<td><span class='star'>*</span>Содержание вопроса:</td>
							<td>
								<textarea name=message class='mandatory'>{$msgMessage|default:''}</textarea>
							</td>
						</tr>
						<tr>
							<td><span class='star'>*</span>Введите символы с картинки:</td>
							<td>
								<script type="text/javascript"
								     src="http://www.google.com/recaptcha/api/challenge?k=6Lcw_eUSAAAAAPKL-dzbGG_6zQwkwuZ9mTqKynjR&hl=ru">
								</script>
								<noscript>
								     <iframe src="http://www.google.com/recaptcha/api/noscript?k=6Lcw_eUSAAAAAPKL-dzbGG_6zQwkwuZ9mTqKynjR" height="300" width="500" frameborder="0"></iframe><br>
								     <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
								     <input type="hidden" name="recaptcha_response_field" value="manual_challenge">
							  	</noscript>
							</td>
						</tr>
						<tr>
							<td colspan=2 style='text-align:right;'>
								<button id='send'>ОТПРАВИТЬ</button>
							</td>
						</tr>
					</table>
				</form>
				
				{/if}
			</div>
		</td>
	</tr>
</table>
<br>

<script>
	$(function(){
		$('#feedback').submit(function(e){
			$('#feedback input, #feedback textarea').each(function(){
				if ($(this).hasClass('mandatory') && !$(this).val()) {
					$('#err').html('Не все обязательные поля заполнены!').show();
					$(this).focus();
					e.preventDefault();
					return false;
				}
				return true;
			})
		});
		$('#feedback input, #feedback textarea').keyup(function(){
			$('#err').hide();
		});
		if ("{$error|default:''}" != '') {
			$('#err').html('{$error}').show();
		}
	})
</script>